<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>html5音乐播放器</title>
    <link rel="stylesheet" href="css/main.css">
</head>
<body>
    <textarea id="txt" style="display:none">
            [ti:从何说起]
            [ar:陈奕迅]
            [al:上五楼的快活]
            [00:00.19]从何说起
            [00:04.51]作词：林夕 作曲：李海鹰
            [00:06.84]演唱：陈奕迅
            [00:09.95]
            [00:18.03]如梦令 从何处说起
            [00:24.02]梦一般剧情凭谁在推移
            [00:30.43]缘份在偷袭 时间在追逼
            [00:35.84]那些美好的瞬间 得来不易
            [00:45.06]
            [00:48.48]在感情还能够感人的时代
            [00:54.74]为什么有情人 还在颠沛流离
            [01:03.54]
            [01:04.75]谁辜负过自己 说不上可惜
            [01:11.05]谁被世道放逐身不由己
            [01:16.92]谁曾朝不保夕 才为幸福而卖力
            [01:23.07]才舍得面对镜子 说我可以
            [01:31.19]
            [01:35.74]月光光 从何处唱起
            [01:41.51]那圆缺阴晴如何不服气
            [01:48.00]际遇不讲理 命运没协议
            [01:53.34]只有从爱人怀抱寻找真理
            [02:02.71]
            [02:21.39]在感情还能够感人的时代
            [02:27.57]为什么有情人 还在颠沛流离
            [02:36.92]
            [02:37.30]谁辜负过自己 说不上可惜
            [02:43.30]谁被世道放逐身不由己
            [02:49.14]谁曾朝不保夕 才会死心不息
            [02:55.28]才舍得万死不辞 说我可以
            [03:04.35]
            [03:08.25]谁辜负过自己 说不上可惜
            [03:14.63]谁被世道放逐身不由己
            [03:20.50]谁曾朝不保夕 才会死心不息
            [03:33.03]难题再不成问题 说我可以
            [03:41.14]
            [03:45.55]鸿爪踏雪泥
            [03:48.26]还是来得及
            [03:51.24]对重遇的人说
            [03:56.02]原来你也在这里
            [04:04.17]    
    </textarea>
    <audio id="myMusic" src="mp3/cong_he_shuo_qi.mp3" loop></audio>   
</div>
    <div class="musicBox">
        <div class="leftControl" onclick="rewindAudio()"></div>
        <div id="mainControl" class="mainControl"  onclick="playAudio();"></div>
        <div id="stopControl" class="stopControl" style="display:none" onclick="pauseAudio()"></div> 
        <div class="rightControl" onclick="forwardAudio()"></div>
        <div class="processControl" >
            <div id="songName" class="songName">从何说起</div>
            <div id="songTime" class="songTime">00:00&nbsp;|&nbsp;00:00</div>
            <div id="process" style="width:500px" class="process" onclick="audioProcess()"></div>
            <div id="processYet" class="processYet" onclick="audioProcess()"></div>
        </div>
        <div class="voiceEmp" onclick="voiceEmp()"></div>
        <div id="voidProcess" class="voidProcess" style="width:66px" onclick="voidProcess()"></div>
        <div id="voidProcessYet" class="voidProcessYet"  id="voidProcessYet" onclick="voidProcess()"></div>
        <div class="voiceFull" onclick="voiceFull()"></div>
    </div>
    <div class="photo">
            <div class="top"></div>
            <div class="title">从何说起</div>
            <div class="singer">陈奕迅</div>
            <div class="lrc">
                <div class="content"></div>
            </div>
        </div>
</body>
<script src="js/js.js"></script>
</html>